<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新浪导航案例</title>
	<style type="text/css">
		.big{
			height: 40px;
			border-top: 3px orange solid;
			border-bottom: 1px #fff solid;
            background: #eee;
		}
		.small{
	        height: 40px;
	        width: 1000px;
			margin: 0 auto;
		}
		a{
			
			font: 12px 微软雅黑 ;
			color:#333;
			padding: 0;
			text-decoration:  none;
			display: inline-block;
			line-height: 40px;
			padding: 0 12px;
		} 
		a:hover{
			background: red;
		}
	</style>
</head>
<body>
<div class="big"><div class="small">
	<a href="#">设为首页</a>
	<a href="#">手机新浪网</a>
	<a href="#">移动客户端</a>
	<a href="#">登录注册</a>
</div></div>	
</body>
</html>